<html lang="en" >
<head >
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
    <title >PhalApi开源接口框架 - 在线接口列表</title >
    <link href="./js/semantic.min.css" rel="stylesheet" >
    <script src="./js/jquery.min.js" ></script >
    <script src="./js/semantic.min.js" ></script >
    <meta name="robots" content="none" >
</head >
<body >

<div class="ui fixed inverted menu" >
    <div class="ui container" >
        <a href="index.html" class="item" >主页</a >
    </div >
</div >

<div class="row" ></div >
<br >
<br >


<div class="ui text container" style="max-width: none !important; width: 1200px" id="menu_top" >
    <div class="ui floating message" >

        <div class="ui grid container" style="max-width: none !important;" >

            <!--接口服务列表-->
            <div class="four wide column" >
                <div class="ui vertical accordion menu" >
                    <div class="item" ><h4 >接口服务列表</h4 ></div >

                    <!--菜单名称列表-->
                    <div class="item" >
                        <div class="content active" style="margin-left: -16px; margin-right: -16px; margin-bottom: -13px;" >
                            <a id="1" class="item transition visible active" data-tab="App_Examples_CURD" >测试接口</a >
                            <a id="2" class="item transition visible" data-tab="App_Examples_QrCode" >评论</a >
                        </div >
                    </div >
                </div >
            </div >

            <!-- 折叠时与展开时的布局差异 -->
            <div class="twelve wide stretched column" >
                <div class="ui  tab active" data-tab="App_Examples_CURD" >
                    <table class="ui red celled striped table red celled striped table" >
                        <thead >
                        <tr >
                            <th >#</th >
                            <th >接口服务</th >
                            <th >更多说明</th >
                        </tr >
                        </thead >
                        <tbody >


                        <!--TODO : 测试接口-->
                        <tr class="div1" >
                            <td >1</td >
                            <td >
                                <a href="1/Examples_CURD.html" target="_blank" >App.Examples_CURD.Get</a >
                            </td >

                            <td > 根据ID获取数据库中的一条纪录数据</td >
                        </tr >


                        <!--TODO : 班级微课-->
                        <tr class=div2 style="display: none" >
                            <td >1</td >
                            <td >
                                <a href="2/getClassWeikeList.html" target="_blank" >getClassWeikeList</a >
                            </td >
                            <td > 获取班级微课列表</td >
                        </tr >
                        <tr class="div2" style="display: none" >
                            <td >2</td >
                            <td >
                                <a href="2/getWeiKeInfo.html" target="_blank" >getWeiKeInfo</a >
                            </td >
                            <td > 获取微课信息</td >
                        </tr >
                        <tr class="div2" style="display: none" >
                            <td >3</td >
                            <td >
                                <a href="2/getClassWeikeViewList.html" target="_blank" >getClassWeikeViewList</a >
                            </td >
                            <td > 获取某个班级的一个班级微课详细观看记录</td >
                        </tr >
                        <tr class="div2" style="display: none" >
                            <td >4</td >
                            <td >
                                <a href="2/getViewWeikeByClassStudent.html" target="_blank" >getViewWeikeByClassStudent</a >
                            </td >
                            <td > 自己班学生观看微课(增加微课观看记录)</td >
                        </tr >
                        <tr class="div2" style="display: none" >
                            <td >5</td >
                            <td >
                                <a href="2/getClassWeikeViewCount.html" target="_blank" >getClassWeikeViewCount</a >
                            </td >
                            <td > 获取某个微课在各个班的观看总人数</td >
                        </tr >

                        </tbody >
                    </table >
                </div >
            </div >
        </div >
    </div >
</div >
</body >
</html >

<script >
    $(".content").on('click', 'a', function () {
        $(this).addClass('active').siblings('a').removeClass('active');


        $("tr[class^='div']").attr('style', 'display:none');
        var id = $(this).attr('id');
        $("tr[class^='div" + id + "']").attr('style', '');
    })
</script >